<div class="page-header">
    <h1 class="page-title">404 - Page Not Found</h1>
    <p class="page-subtitle">The page you're looking for doesn't exist</p>
</div>

<div class="card">
    <div class="card-header">
        <h2 class="card-title">Oops! Page Not Found</h2>
        <p class="card-description">The requested page could not be found</p>
    </div>
    
    <p>The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</p>
    
    <div style="text-align: center; margin-top: 2rem;">
        <a href="/" class="btn">← Return to Home</a>
    </div>
</div>
